*{ padding:0px; margin:0px; border:0px; word-wrap:break-word;}
a { font-size:14px; color:#444444; text-decoration:none;}
ul,ol li { list-style:none;}
body,input {font-family:"微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#f9f9f9}
input,button,select,textarea{outline:none; font-family:"微软雅黑", Arial, Helvetica, sans-serif;} 

input[type="button"]{ cursor: pointer }
a:hover { text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:14px;}
textarea,input,select:focus {outline:none;}
textarea{resize:none}
.clear:after{content:''; display:table; clear:both}
.text_r{text-align:right}
.text_c{text-align:center}
.float_r{float:right}
.margin-t{margin-top:40px}

.btn{width:140px; line-height:40px; height:40px; background:url(../images/btn-ico.png); display:inline-block;font-size: 16px;
	 color: #fff;}
.btn i{width:18px; height:18px; background:url(../images/btn-ico-s.png); float:left; margin:11px 0 0 37px}
.btn i.follow{background-position:0 0}/*关注*/
.btn i.praise{background-position:0 -18px}/*赞*/
.btn i.prefer{background-position:0 -36px}/*喜欢*/
/*.btn i.prefered{background-position:0 -88px}!*喜欢*!*/
.btn i.vote{background-position:0 -54px}/*投票*/
.btn span{ float:left; margin-left:10px}

.btn.yellow-s{background-position:0 0}
.btn.yellow-s:hover{background-position:-140px 0}
.btn.yellow-b{background-position:0 -40px}
.btn.yellow-b:hover{background-position:-140px -40px}
.btn.green{background-position:0 -80px}
.btn.green:hover{background-position:-140px -80px}
.btn.red{background-position:0 -120px}
.btn.red:hover{background-position:-140px -120px}
.btn.dissable{background-position:0 -160px}
/*.btn.dissable:hover{background-position:-140px -160px}*/

.textinput{border:1px #ddd solid; line-height:20px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}

.header{width:100%; height:70px; background:#fff; overflow:hidden}
.container{width:1200px; margin:0 auto; padding-bottom:80px}
.logo{float:left}
.nav{float:left; margin-left:40px}
.nav a{float:left; padding:0 22px; line-height:70px; font-size:16px;}
.nav a:hover,.nav a.on{background:#ffab33; color:#fff}
.releasing{float:left; margin:14px 0 0 26px; width:100px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff;}
.search-t{float:right; margin-top:18px; background:#eee; padding:0 20px; border-radius:16px}
.search-t .search-input{width:210px; line-height:34px; float:left; border:none; background:none; font-size:12px}
.search-t .search-btn{float:left; width:36px; height:34px; background:url(../images/search-btn.jpg); border:none}
.user-t{float:right; margin-top:26px; margin-left:22px;}
.user-t a{margin:0 4px;}

.banner{width:100%; height:370px;}
.banner img{width:100%; height:370px;}
.swiper-container {
	width: 100%;
	height: 42%;
}

.ico{width:24px; height:24px; background:url(../images/top-ico.png); display:inline-block}
.ico.visit{ background-position:0 0}
.ico.favor{ background-position:0 -24px}
.ico.popular{ background-position:0 -46px}
.ico.hot{ background-position:0 -68px}

.box-m{margin-top:60px}
.ad-images{ width:100%; height:122px;overflow: hidden;}
.box-m:after{content:''; display:table; clear:both}
.index-title{height:34px; line-height:34px; width:100%; float:left; border-left:10px #ffab33 solid;}
.index-title h2{  color:#333; font-size:22px; float:left; margin-left:12px;  }
.index-title h2 a{color:#333; font-size:22px;}
.index-title h2 a:hover,.index-title h2 a.on{color:#ffab33}
.index-title > a{float:right; color:#999999}
.index-title > a font{color:#fdb752}

.box-t-list{float:left; width:1232px; margin-left:-15px;}

.box-t-list dl{float:left; width:278px; height:420px; background:#fff; margin:30px 15px 0; cursor:pointer;
    transition: box-shadow .3s ease-in-out;
	-webkit-transition: box-shadow .3s ease-in-out;
	-moz-transition: box-shadow .3s ease-in-out;
}
.box-t-list dl dt{display:block}
.box-t-list dl dt img{width:278px; height:208px;
	transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}
.box-t-list dl dd{padding:10px 15px;}
.box-t-list dl dd h2{
	height:20px;
	font-weight:bold;
	font-size:16px; color:#333;
	display: -webkit-box;
	overflow : hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.box-t-list dl dd h3{
	line-height:28px;
	font-size:16px;
	padding:8px 0;

	overflow : hidden;
	height:74px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.box-t-list dl dd h4{color:#666; margin-top:10px}
.box-t-list dl .see{margin:12px 0 0 10px;}
.box-t-list dl .see a{margin-right:18px; line-height:24px; float:left}
.box-t-list dl .see a i{margin-right:4px; float:left}
.box-t-list dl:hover dt img{opacity:.8;filter:alpha(opacity=80)}
.box-t-list dl:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}

.index-anchor{float:left;width:762px;}
.index-anchor-list{ width:792px; margin-left:-10px; float:left}
.index-anchor-list dl{float:left; width:244px; height:280px; background:#fff; margin:20px 10px 0;cursor:pointer; 
transition: box-shadow .3s ease-in-out;
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
}
.index-anchor-list dl dt img{width:244px; height:220px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.index-anchor-list dl dd{padding:20px 16px;}
.index-anchor-list dl dd h2{float:left; width:148px;}
.index-anchor-list dl dd span{ float:left; line-height:26px}
.index-anchor-list dl dd span i{margin-right:4px; float:left;margin-top:-1px}
.index-anchor-list dl:hover dt img{opacity:.8;filter:alpha(opacity=80)}
.index-anchor-list dl:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}

.hot-anchor{float:right; width:388px}
.hot-anchor dl{margin-top:20px; border:1px #ccc solid; padding:12px; width:362px; float:left; background:#fff; cursor:pointer; 
transition: box-shadow .3s ease-in-out;
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
}
.hot-anchor dl dt{float:left;transition: box-shadow .3s ease-in-out;
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;}
.hot-anchor dl dt img{ width:138px; height:104px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}
.hot-anchor dl dd{float:left; padding:20px 0 0 36px}
.hot-anchor dl dd h2{ padding:10px 0}
.hot-anchor dl dd h3{ float:left; line-height:32px}
.hot-anchor dl dd h3 i{margin-right:4px; float:left}
.hot-anchor dl:hover{opacity:.8;filter:alpha(opacity=80)}
.hot-anchor dl:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}

.footer{background:#e5e5e5; padding:30px 0}
.footer .container{padding-bottom:0}
.footer-info{ width:400px; display:inline-block}
.footer-info h2{line-height:36px;}
.wd240{width:240px}
.footer-link{margin-top:12px}
.footer-link li{width:50%; float:left; line-height:26px;color:#999}
.footer-link li a{color:#999}
.footer-link li .weixin{margin-top:10px}
.footer-link h3{float:left;color:#999}

.details-box-t{width:100%; padding:20px; background:#fff; margin-top:60px}
.details-box-t-left{float:left; width:600px; height:400px;}
.details-box-t-left img {     width: 100%;
	height: 100%;
	objec-fit: cover;}
.details-box-t-right{float:left; margin-left:20px; max-width: 580px;}
.details-box-t-right dl{ overflow:hidden}
.details-box-t-right dl dt{float:left;}
.details-box-t-right dl dt img{width:72px; height:72px; border-radius:50%}
.details-box-t-right dl dd{float:left; margin-left:18px}
.details-box-t-right dl dd h2{padding:6px 0; font-size:24px; max-width:480px;}
.details-box-t-right dl dd h3{font-size:12px; color:#999}
.details-box-t-right dl dd h3 font{font-size:16px; color:#ffab33}
.details-box-t-right ul{float:left; margin:18px 0 0 90px; width:375px;}
.details-box-t-right ul li{margin-top:10px; float:left; width:100%}
.details-box-t-right ul li.votesnum{font-size:44px;}
.details-box-t-right ul li.surplus{color:#999}
.details-box-t-right ul li.surplus font{color:#333}
.progress-bar{position:relative; height:10px; background:#eee; border-radius:8px; overflow:hidden;}
.progress-bar span{position:absolute; top:0; left:0; height:10px; z-index:9; background:#ffab33; border-radius:8px;}
.details-box-t-right ul li.surplus-btn{margin-top:50px}
.details-box-t-right ul li.surplus-btn a{margin-right:24px}

.details-box-b-left{float:left; margin-top:24px; width:776px; padding:18px; background:#fff}
.tab-fixedlayout {
	width:776px !important;
	position: fixed;
	top: 0px;
	z-index: 10;
	background-color:white;
}
.tab-nav{float:left; width:100%; border-bottom:1px #eee solid;}
.tab-nav a{float:left; width:25%; height:54px; line-height:54px; text-align:center; font-size:22px;}
.tab-nav a:hover,.tab-nav a.on{color:#ffab33; border-bottom:4px #ffab33 solid}

.sorts-box{margin-top:50px; float:left; width:100%}
.sorts-box-title{position:relative; text-align:center; width:100%; float:left}
.sorts-box-title:after{position:absolute; left:0; top:49%; width:100%; height:2px; background:#eee; content:''; z-index:0}
.sorts-box-title span{ width:110px; line-height:50px; border:2px #eee solid; background:#FFF; color:#ffab33; font-weight:bold; font-size:22px; text-align:center; display:inline-block; z-index:2; position:relative}
.sorts-box-progress{padding:0 16px; position:relative; float:left; width:100%; margin-top:30px}
.sorts-box-progress:after{position:absolute; left:91px; top:3px; width:1px; height:100%; background:#eee; content:''; z-index:0}
.sorts-box-progress dl{padding-bottom:40px; overflow:hidden}
.sorts-box-progress dl dt{width:82px; text-align:center; font-size:12px; background:url(../images/dot.jpg) no-repeat right; color:#999; float:left;z-index:2; position:relative}
.sorts-box-progress dl dd{width:650px; float:left; padding-left:18px; color:#666}
.sorts-box-progress dl:last-child{padding-bottom:0}

.sorts-box-pic{width:100%; margin-top:30px; float:left}

.sorts-box-comment{width:100%; margin-top:30px; float:left}
.sorts-box-comment .textinput{width:96%; height:100px; padding:2%; font-size:16px}
.sorts-box-comment p{padding:5px 0}
.comment-btn{float:right; width:100px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff;}

.comment-box-b{width:100%; float:left; margin-top:10px}
.comment-box-b dl{width:100%; padding:20px 0; border-bottom:1px #ddd solid; float:left; width:100%;}
.comment-box-b dl > dt{float:left}
.comment-box-b dl > dt img{width:70px; height:70px; border-radius:50%; margin-left:10px;}
.comment-box-b dl > dd{float:right; width:670px; padding-left:10px;}
.comment-box-b dl > dd h2{color:#ffab33; font-size:16px; padding-bottom:4px}
.comment-box-b dl > dd h2 font{color:#999}
.comment-box-b dl > dd > p{line-height:24px;}
.comment-box-b dl > dd > p font{margin-right:12px; color:#999}
.comment-box-b dl.reply-shows{width:96%; padding:2%; margin-top:5px; line-height:20px; background:#f8f9fb; border-color:#eee;}
.comment-box-b dl.reply-shows:last-child{border:none}
.comment-box-b dl.reply-shows dt img{width:50px; height:50px}
.comment-box-b dl.reply-shows dd{float:right; width:570px; padding-left:10px;}

.page{margin-top:20px; float:right}
.page a,.page i{margin:0 6px; width:40px; line-height:40px; height:40px; text-align:center; border:1px #eee solid; color:#a4a9ae; font-family:"微软雅黑"; float:left}
.page a.an-btn{width:94px;}
.page a.hover{ background:#ffab33; color:#fff; border-color:#ffab33}

.voting-box{width:100%; margin-top:30px; float:left;}
.voting-box table{width:100%; border:2px #eeeeee solid; border-bottom:none; color:#666}
.voting-box table td{ padding:8px; text-align:center; line-height:22px; height:22px; border-bottom:2px #eeeeee solid;}
.voting-box table th{ background:#eee; line-height:40px; height:40px; text-align:center;}

.details-box-b-right{float:right;}
.details-right-s{ margin-top:24px; width:328px; padding:10px 18px 18px; background:#fff; overflow:hidden}
.details-right-s .title{float:left; height:54px; line-height:54px; font-size:22px; width:100%; border-bottom:1px #eee solid; padding-bottom:8px}
.details-right-s .title a{float:right; font-size:12px; color:#999}
.details-right-s dl{ float:left; width:100%; margin-top:18px;}
.details-right-enable dl {
	transition: box-shadow .3s ease-in-out;
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;}
.details-right-s dl dt{float:left}
.details-right-s dl dt img{width:90px; height:70px}
.details-right-s dl dd{float:right; width:220px; height:70px; display: table; border-collapse: collapse;}
.details-right-s dl dd p{line-height:22px; font-size:16px; display: table-cell; vertical-align: middle;}
.details-right-s dl dd h2{line-height:24px; font-size:16px; padding-bottom:3px}
.details-right-s dl dd h3{color:#999; line-height:20px}
.details-right-s dl dd h3 font{color:#333}
.details-right-enable dl dt img:hover{opacity:.8;filter:alpha(opacity=80)}
.details-right-enable dl:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}


.personal-left{width:256px; background:#fff; margin-top:60px; padding:20px 0 30px; float:left}
.personal-left dl dt{text-align:center}
.personal-left dl dt img{width:170px; height:170px; border-radius:50%}
.personal-left dl dd{padding:14px 60px 0;}
.personal-left dl dd h2{font-size:16px; font-weight:bold; line-height:30px}
.personal-left dl dd p{line-height:22px}
.personal-left a{margin:24px 0 0 56px}

.personal-right{width:888px; background:#fff; margin-left:16px;margin-top:60px; padding:18px; float:left}
.personal-right .title{ border-left:10px #ffab33 solid; padding-left:12px; font-size:22px; line-height:34px; height:34px;}
.personal-right .title a{float:right; line-height:24px; margin-top:5px}
.personal-right .title a img{float:left; margin-right:4px}
.personal-info{margin-top:10px}
.personal-info li{ width:33%; display:inline-block; line-height:30px;}

.personal-info-edit{margin-top:10px}
.personal-info-edit tr td{padding:12px 8px}
.personal-info-edit input{width:140px; height:40px; line-height:40px; border:1px #ddd solid; background:#fff; text-indent:10px}
.personal-info-edit input:hover{ border-color:#ffab33}
.personal-info-edit .select-t{width:140px; height:40px; line-height:40px; padding:0 10px; border:1px #ddd solid; background:#fff; margin-right:12px}
.personal-info-edit .select-t:hover{ border-color:#ffab33}
.personal-info-edit .select-t > option:hover{ background:#F00}

.head{width:100px; height:100px; border-radius:50%}

.personal-dynamic{ margin-top:16px;  position:relative;}
.personal-dynamic:after{position:absolute; left:40px; top:3px; width:4px; height:100%; background:#eee; content:''; z-index:0}
.personal-dynamic dl{ padding-bottom:40px}
.personal-dynamic dl dt{width:20px; height:20px; background:url(../images/dot2.jpg); margin-left:33px; display:inline-block; position:relative; top:4px; z-index:1}
.personal-dynamic dl dd{width:590px; padding:18px 22px; border:1px #ddd solid; display:inline-block; margin-left:46px; border-radius:8px; position:relative}
.personal-dynamic dl dd:after{position:absolute; left:-16px; top:15px; width:16px; height:24px; background:url(../images/arrow.jpg); content:''; z-index:2}
.personal-dynamic dl dd span{margin-right:40px}
.personal-dynamic dl dd a{float:right; color:#ffab33}
.personal-dynamic dl dd a .on{color:#fe4343}
.personal-dynamic dl:last-child{padding-bottom:0}

.personal-photo{margin-left:-10px; width:908px}
.personal-photo li{width:280px; height:220px; display:inline-block; margin:20px 9px 0;position:relative;
	transition: box-shadow .3s ease-in-out;
	-webkit-transition: box-shadow .3s ease-in-out;
	-moz-transition: box-shadow .3s ease-in-out;}
.personal-photo li img{width:280px; height:220px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;}
.personal-photo li:hover img{opacity:.8;filter:alpha(opacity=80)}
.personal-photo li:hover{box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}
.personal-photo li span{display:none}
.self-photo li span img{height:30px; width:50px;background-color:rgba(12,12,12,.4);}
.self-photo li:hover span{position:absolute; top:0; right:0; cursor:pointer; display:block}

.personal-c dl > dd{width:780px}
.personal-c dl.reply-shows dd{width:670px}

.title-tab{height:40px; line-height:40px; padding:15px 18px; background:#fff}
.title-tab a{width:90px; line-height:40px; margin-right:10px; font-size:16px; display:inline-block; text-align:center}
.title-tab a:hover,.title-tab a.on{background:#ffab33; color:#FFF; border-radius:6px}

.all-anchor{ width:1220px; margin-top:4px}
.all-anchor dl{width:285px; height:268px;}
.all-anchor dl dt img{width:285px; height:208px;}
.all-anchor dl dd h2{float:left; width:180px;}

.all-project{ width:1232px; margin-left:-15px; float:left; margin-top:30px; margin-bottom:30px;}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
.popup-mask{position: fixed;left: 0;top: 0;height: 100%;width: 100%;  background-color:rgba(0,0,0,0.66); filter:alpha(opacity=66); opacity:0.66;}
.pop-login{width:760px; height:400px; background:#fff; position:fixed; left:50%; top:50%; margin:-200px 0 0 -380px}
.pop-login-l{float:left;}
.pop-login-r{float:left; width:280px; padding:36px 50px 0 50px}
.pop-login-r h2{font-size:18px; color:#999}
.pop-login-r h2 a{font-size:18px; color:#999; margin:0 3px}
.pop-login-r h2 a:hover,.pop-login-r h2 a.on{color:#ffab33}
.pop-login-r ul{margin-top:26px}
.pop-login-r ul li{height:24px; line-height:24px; padding:20px 0 6px; border-bottom:1px #eee solid}
.pop-login-r ul li i{float:left; width:18px; height:24px; background:url(../images/login-ico.png);}
.pop-login-r ul li i.ico01{background-position:0 0}
.pop-login-r ul li i.ico02{background-position:0 -24px}
.pop-login-r ul li i.ico03{background-position:0 -48px}
.pop-login-r ul li i.ico04{background-position:0 -72px}
.pop-login-r ul li input{width:168px; height:24px; line-height:24px; padding-left:24px; float:left;background:none;}
.pop-login-r ul li .yzm{float:right; color:#ffab33;}
.login-btn{width:160px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; margin:30px 0 0 60px; background:#ffab33; box-shadow: 0 0 10px #ff9600; border-radius:3px}
.login-btn:hover{background:#f7a32b}
.pop-login-r .login-ul{margin-top:74px}
.codes{float:right; color:#ffab33; text-decoration:underline; margin-top:10px}
.pop-login-r ul li.satisfy{border-color:#ffab33; background:url(../images/satisfy.jpg) no-repeat right 24px}
